<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html>
<head>
	<meta charset="UTF-8">
	<title>凯胜项目管理系统</title>
	
	<link rel="stylesheet" href="static/css/bootstrap.min.css" type="text/css"/>
	<style type="text/css">
		@font-face {
			font-family: 'Amaranth';
			font-style: normal;
			font-weight: 400;
			src: local('Amaranth'), url(http://themes.googleusercontent.com/static/fonts/amaranth/v3/RvdVaxHTnYbJDko8dLi4zvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
		}

		
		body{
			background-image:url(static/img/6.jpg);
		}
		.container{
			margin-left:480px;
			border:2px solid #0088cc;
			
			border-radius:25px;
			width:250px;
			height:300px;
		}
		.wel{
			background-color:transparent;
			margin-left:10px;
			margin-top:15px;
		}
		#input{
			background-color:transparent;
			border-radius:25px;
		}
		p{
			font-family:'Amaranth';
		}
		.btn{
			margin-left:130px;
			margin-top:20px;
			border-radius:70px;
			width:80px;
		}
		.btn:hover{
			width:100px;
		}
		.btn span:hover{
			font-color:yellow;
			font-size:26px;
			font-family: 'Amaranth';
		}
		#button{
				background:#98cb00;
				width:auto;
				display:inline-table;
				-webkit-border-radius: 8px;
				-moz-border-radius: 8px;
				border-radius: 8px;
				color:#ffffff;
				font-size:18px;
				font-family: Helvetica, Arial;
				padding:10px;
			}
	</style>
</head>
<body>
	<div class="container" style="margin-top:280px">
		
		<form class="wel" action="login.jspx" method="post" style="width:220px;">
			<p style="color:#fff;font-size:28px;">login</p><br />
		  <label><p style="color:#2c2c2c;font-size:24px;">username</p></label>
		  <c:if test="${param.code ==10001}">
					<div style="color:red;font-size:16px;">
					 	密码不能为空！
					</div><br>
			</c:if>
			 <c:if test="${param.code ==10002}">
					<div style="color:red;font-size:16px;">
					 	用户名或者密码错误！
					</div><br>
			</c:if>
		  <input id="input" type="text" name="username" class="span3" style="color:#fff;font-size:18px;" placeholder="请输入账户名">
		  <label><p style="color:#2c2c2c;font-size:24px;">password</p></label>
		  <input id="input" type="password" name="password" class="span3"  style="color:#fff;font-size:18px;" placeholder="请输入密码">
		  <br/>
		  <button type="submit" class="btn btn-warning" id="button">
			<span style="font-size:18px;">Login...</span>
		  </button>
		</form>
	</div>
	<script type="text/javascript" src="static/js/jquery.js"></script>
	<script type="text/javascript" src="static/js/jqueryui.js"></script>
	<script type="text/javascript" src="static/js/jquery.illuminate.0.7.min.js"></script>
	
	<script type="text/javascript">
		$(document).ready(function(){
				
			$('#button').illuminate({
				'intensity': '0.5',
				'color': '#ffcb00'
			});
				
		});
			
	</script>
	
	
	
	
</body>
</html>